<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWord</title>
</head>
<body>
<h1>Hello Word</h1>
</body>
<script>
    var ws;
    function webSocket(){
        if("WebSocket" in window){
            console.log("您的浏览器支持WebSocket");
            ws = new WebSocket("ws://127.0.0.1:9099/jws"); //创建WebSocket连接
        }else{
            console.log("您的浏览器不支持WebSocket");
        }
    }
    ws.onopen = function(){
        //当WebSocket创建成功时，触发onopen事件
        console.log("open");
        ws.send("hello"); //将消息发送到服务端
    }
    ws.onmessage = function(e){
        //当客户端收到服务端发来的消息时，触发onmessage事件，参数e.data包含server传递过来的数据
        console.log(e.data);
    }
    ws.onclose = function(e){
        //当客户端收到服务端发送的关闭连接请求时，触发onclose事件
        console.log("close");
    }
    ws.onerror = function(e){
        //如果出现连接、处理、接收、发送数据失败的时候触发onerror事件
        console.log(error);
    }

    webSocket();
</script>
</html>